Support stable theme customization names on iOS 26 - #145
Conversation
![devin-ai-integration[bot]](https://avatars.githubusercontent.com/in/811515?s=60&v=4){kind=small}
| $background-rgb: var(--ios-theme-glass-background-rgb, var(--ios26-glass-background-rgb)), | ||
| $border-color-rgb: var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb)), |
There was a problem hiding this comment.
🔍 内部オーバーライドが旧変数名のみを設定しており新名採用時に無効化される
境界色の読み取りは var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb)) に変わったが、ダークのクローン要素は --ios26-glass-border-color-rgb: 120, 120, 120 のみを設定する（tab側も同様）。既定では新名が未定義のためフォールバックで従来動作は保たれる。しかし移行ガイド通り利用者が --ios-theme-glass-border-color-rgb をグローバル設定すると新名が優先され、この内部オーバーライドが無視される。メニューの transparent 指定も同じ構図。内部オーバーライドに新名の併記が必要か確認を。
Was this helpful? React with 👍 or 👎 to provide feedback.
Playwright test results
Details
|
|
📊 Ionic 9 Playwright Test Report View the detailed Ionic 9 report: https://rdlabo-dev.github.io/ionic-theme-ios27/pr-145/ Ionic 8 runs against the same screenshots in a separate matrix job. View both results in the workflow run. |
|
📊 Ionic 9 Playwright Test Report View the detailed Ionic 9 report: https://rdlabo-dev.github.io/ionic-theme-ios27/pr-145/ Ionic 8 runs against the same screenshots in a separate matrix job. View both results in the workflow run. |
|
📊 Ionic 9 Playwright Test Report View the detailed Ionic 9 report: https://rdlabo-dev.github.io/ionic-theme-ios27/pr-145/ Ionic 8 runs against the same screenshots in a separate matrix job. View both results in the workflow run. |
|
📊 Ionic 9 Playwright Test Report View the detailed Ionic 9 report: https://rdlabo-dev.github.io/ionic-theme-ios27/pr-145/ Ionic 8 runs against the same screenshots in a separate matrix job. View both results in the workflow run. |
|
📊 Ionic 9 Playwright Test Report View the detailed Ionic 9 report: https://rdlabo-dev.github.io/ionic-theme-ios27/pr-145/ Ionic 8 runs against the same screenshots in a separate matrix job. View both results in the workflow run. |
1 participant
Applications sharing customizations between the iOS 26 and iOS 27 themes need version-independent opt-out classes and CSS variables. Add
ios-theme-disabledand--ios-theme-*support to the iOS 26 theme.ios26-disabledremains a deprecated alias in styles and popover animation selection. Each new CSS variable takes precedence over its corresponding deprecated--ios26-*fallback, preserving existing customizations. Package names, stylesheet paths, and default styling remain unchanged. The migration guide includes a rename table and before/after examples.Validation: library build, documentation generation, formatting and diff checks passed. All 37 compiled CSS files match the baseline after resolving the added compatibility wrappers to their legacy form. Browser checks verified legacy variable values, new-name precedence, and identical opt-out behavior for both class names.